<template>
  <view class="deatils-container">
		<view class="liBox" v-if="pageType == 1">
			<view class="title">巡回审判申请审核通过</view>
			<view class="subheading">(2024) 渝0107民初3636号</view>
			<view class="liText">原告：张三</view>
			<view class="liText">被告：李四</view>
			<view class="liText">案由：民间借贷纠纷</view>
			<view class="liText">庭审类型：公开审理</view>
			<view class="liText">巡回审判申请人：李四</view>
			<view class="liText">巡回审判申请时间：2024-12-12</view>
			<view class="liText">待排期开庭，具体时间地点请注意出庭通知！</view>
		</view>
		<view class="liBox" v-if="pageType == 2">
			<view class="title">出庭通知</view>
			<view class="subheading">(2024) 渝0107民初3636号</view>
			<view class="liText">原告：张三</view>
			<view class="liText">被告：李四</view>
			<view class="liText">案由：民间借贷纠纷</view>
			<view class="liText">开庭时间：2024-12-20  09:00</view>
			<view class="liText">开庭地点：石桥铺街道信访室</view>
			<view class="liText">庭审类型：公开审理</view>
			<view class="liText">庭审法官：王子伟</view>
			<view class="liText">希你作为本案的原告准时出庭</view>
			<view class="iconPss"><image src="/src/static/images/mine_bg.png"></image></view>
		</view>
		
  </view>
</template>

<script setup lang="ts">
	import { ref } from "vue";
	import { onLoad,onShow } from "@dcloudio/uni-app";
	let pageType = ref(1);
	onLoad((options) => {
		pageType.value = options.type
	})
	
	onShow(() => {
		
	});
</script>

<style lang="scss" scoped>
.deatils-container {
	position: relative;
	top: 20rpx;
	width: calc(100% - 180rpx);
	padding: 60rpx 46rpx;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 16rpx;
	display: flex;
	flex-direction: column;
	.title{
		font-size: 42rpx;
		color: #222222;
		text-align: center;
	}
	.subheading{
		font-size: 34rpx;
		color: #222222;
		margin-top: 40rpx;
		margin-bottom: 17rpx;
	}
	.liText{
		font-weight: 400;
		font-size: 30rpx;
		color: #666666;
		line-height: 46rpx;
	}
	.iconPss{
		width: 100%;
		margin-top: 50rpx;
		display: flex;
		justify-content: flex-end;
		image{
			width: 200rpx;
			height: 200rpx;
		}
	}
}
</style>
